<template>
    <div class="findat">
  <ul class="nav">
    <li>全国</li>
    <li>行业</li>
    <li>规模</li>
    <li>融资阶段</li>
  </ul>
  <section v-for="(item,index) in newbool" :key="index">
<div class="left"><div class="logo"><img src="../../../../public/imagescx/huaweilogo.avif" alt=""></div></div>
<div class="right">
    <ul>
        <li class="title">{{item.company}}</li>
        <li class="sec">{{item.large}}</li>
        <li class="third">{{item.appr}}</li>
        <li class="last">{{item.empty}}</li>
    </ul>
</div>
  </section>
    </div>
  </template>
  
  <script>
  export default {
  data(){
    return{

    }
  },
 computed:{
  newbool(){
    this.$store.dispatch('Hua_Wei')
    return this.$store.state.caixia.para
  }
    
  
  }
  }
  </script>
  
  <style lang="scss" scoped>
 .nav{
    width: 100%;
    height: .35rem;
   
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    li{
        background-color: rgba(128, 128, 128, 0.123);
    }
 }
 section{
    height: 1.35rem;
    width: 100%;
   
    display: flex;
justify-content: space-between;
align-items: center;
border-top: .01rem solid rgba(128, 128, 128, 0.235);
    border-bottom: .01rem solid rgba(128, 128, 128, 0.235);
    .left{
width: .9rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
    
    .logo{
        width: .65rem;
            height: .65rem;
        img{
            width: .65rem;
            height: .65rem;
           
        }
    }}
 }
 .right{
    line-height: .3rem;
    margin-left: .1rem;
   
 }
 .title{
    font-weight: 700;
    font-size: .2rem;
 }
 .sec{
    transform: scale(.7);
    transform-origin: left top;
    color: rgba(128, 128, 128, 0.505);
 }
 .third{
    transform: scale(.8);
    transform-origin: left top;
    color: #94d1d0;
    white-space: nowrap;
 }
 .last{
    transform: scale(.7);
    transform-origin: left top;
    color: #94d1d0;
 }
  </style>